.seller_detail {
	background: #F8F8FB;
	.slot-wrap {
			display: flex;
			align-items: center;
			/* slot内容占满整个导航栏的宽度 */
			flex: 1;
			/* slot内容与导航栏左右有空隙 */
			padding: 0 30rpx;
	}
	//详情开始
	.detail_box {
		// 背景图
		.detail_bg {
			image {
				width: 100%;
				height: 666rpx;
				filter: brightness(60%);  //图片暗处理
			}
			.bg {
				width: 100%;
				height: 666rpx;
				// background: linear-gradient(to, bottom,#D6B178 30%, #D7C6AC 70%);
				background: linear-gradient(-170deg,#D6B178, #D7C6AC);
			}
		}
		// 详情正文开始
		.detail_content {
			height: 100%;
			width: 100%;
			transform: translateZ(2rpx);
			position: relative;
			box-sizing: border-box;
			// top: -350rpx;
			transform: translateY(-350rpx);
			box-sizing: border-box;
			overflow: hidden;
			.top {
				color: #FFFFFF;
				padding: 0 24rpx;
				image {
					width: 142rpx;
					height: 142rpx;
					border-radius: 8rpx;
				}
				.detail {
					display: flex;
					padding-bottom: 40rpx;
					.detail_text {
						padding: 4rpx 0 0 16rpx;
						.seller_name {
							font-size: 36rpx;
						}
						.work_date {
							display: flex;
							font-size: 26rpx;
							line-height: 1em;
							padding: 4rpx 0 14rpx 0;
							image {
								width: 30rpx;
								height: 30rpx;
							}
						}
					}
					
					.exchange {
						display: flex;
						font-size: 20rpx;
						.de, .seller_exchange{
							border: 2rpx solid #FFFFFF;
							padding: 2rpx 16rpx;
						}
						.seller_exchange {
							margin-left: 8rpx;
						}
					}
					
					
				}
				.discription {
					padding-top: 18rpx;
					font-size: 26rpx;
					line-height: 1.5em;
				}
			}
			.bottom {
				background: #FFFFFF;
				margin-top: 20rpx;
				overflow: hidden;
				border-radius: 24rpx 24rpx 0 0;
				justify-content: space-between;
				.address {
					margin: 0 24rpx;
					padding: 32rpx 0;
					box-sizing: border-box;
					border-bottom: 1px solid #ddd;
					justify-content: space-between;
					image {
						width: 24rpx;
						height: 24rpx;
						padding-right: 10rpx;
					}
					.address_text {
						font-size: 28rpx;
						color: #333333;
					}
					.concat {
						display: flex;
						align-items: center;
						text-align: right;
						border-left: 2rpx solid #ddd;
						image {
							width: 46rpx;
							height: 46rpx;
						}
						.tel {
							padding-left: 20rpx;
							padding-right: 10rpx;
							
						}
						.tel_text {
							font-size: 20rpx;
							color: #999999;
						}
					}
					
				}
			}
		}
	}
}
.mian {
	background: #fff;
	// top: 700rpx;
}
.coupon {
	color: #fff;
	font-size: 28rpx;
	padding-top: 42rpx;
	margin: 0 24rpx;
	// .couponCard {}
	.title {
		color: #333;
		font-weight: bold;
		padding-bottom: 30rpx;
	}
	.coupon-bg {
		width: 100%;
		height: 192rpx;
	}
	.text-box {
		top: 50rpx;
		left: 30rpx;
	}
	.coupon-title {
		padding-bottom: 28rpx;
	}
	.score {
		font-size: 36rpx;
		padding-right: 42rpx;
	}
	.in-score {
		font-size: 24rpx;
		text-decoration: line-through;
	}
	.bottom-box {
		top:70rpx;
		right: 38rpx;
		.bottom-box-bottom  {
			padding: 14rpx 42rpx;
			background: #fff;
			color: #FF321F;
			border-radius: 14rpx;
		}
		.num {
			padding-top: 12rpx;
			font-size: 20rpx;
			opacity: .6;
		}
	}
}
.group {
	margin: 0 24rpx;
	padding-top: 40rpx;
	background: #fff;
	padding-bottom: 44rpx;
	.title {
		font-size: 28rpx;
		font-weight: 700;
		color: #333;
		padding-bottom: 30rpx;
	}
	.goods-logo {
		width: 230rpx;
		height: 190rpx;
	}
	.text-box {
		padding-left: 14rpx;
		padding-top: 10rpx;
		.goods-title {
			font-size: 28rpx;
			color: #333;
			padding-bottom: 8rpx;
		}
		.goods-num {
			width: 112rpx;
			font-size: 20rpx;
			color: #666;
			background: #f8f8fb;
			margin-bottom: 18rpx;
		}
		.go-score {
			.score {
				color: #FF504C;
				font-size: 28rpx;
				font-weight: 400;
			}
			.go {
				color: #fff;
				padding: 8rpx 42rpx;
				background: linear-gradient(90deg,#ff2d1b 2%, #ff977b 97%);
				border-radius: 26rpx;
			}
		}
	}
}
.love {
	transform: translateY(-350rpx);
	margin-top: 20rpx;
	padding: 0 24rpx;
	background: #fff;
	right: 0;
	left: 0;
	.more {
		transform: translateY(-90rpx);
		color: #999;
		font-size: 24rpx;
	}
	.title {
		padding-top: 42rpx;
		padding-bottom: 34rpx;
		font-size: 28rpx;
		color: #333;
		font-weight: bold;
	}
	// 评价
	.comment {
		// margin: ;
		// margin-top: -73rpx;
		font-size: 28rpx;
		color: #333;
		font-weight: bold;
		padding-bottom: 30rpx;
		margin-bottom: 120rpx;
        background: #fff;
		.nocomment {
			color: #999;
			font-size: 24rpx;
			font-weight: normal;
		}
		.comment-title {
			padding-bottom: 30rpx;
		}
		.class-box {
			width: 100%;
			display: flex;
			.user-img {
				border-radius: 50%;
				width: 64rpx;
				height: 64rpx;
			}
			.name-date {
				width: 100%;
				padding-left: 16rpx;
				flex-wrap: wrap;
				display: flex;
				justify-content: space-between;
				.name {
					font-size: 24rpx;
				}
				.date {
					font-size: 20rpx;
					color: #999;
				}
				
			}
		}
		.comment-active {
			padding-left: 72rpx;
			margin-top: -30rpx;
		}
		.text {
			margin-top: 32rpx;
			padding-left: 72rpx;
			font-weight: 400;
			color: #666;
			font-size: 24rpx;
		}
		.money {
			margin-top: 26rpx;
			margin-left: 72rpx;
			box-sizing: border-box;
			font-size: 20rpx;
			padding: 6rpx 12rpx;
			max-width: 150rpx;
			background: #F8F8FB;
		}
	}
	.comment-main + .comment-main {
		margin-top: 48rpx;
	}
}
.bottom-tab {
	right: 0;
	bottom: 0;
	left: 0;
	height: 120rpx;
	z-index: 99;
	background: #fff;
	box-shadow: 0 6rpx 12rpx 0 rgba(0,0,0,0.16); 
	.tab-list {
		width: 33%;
	}
	.tab-list:nth-child(1)::after {
		position: absolute;
		top: 28%;
		right: 0;
		content: '';
		height: 32rpx;
		border: 1px solid #ddd;
	}
	.tab-list:nth-child(2)::after {
		position: absolute;
		top: 28%;
		right: 0;
		content: '';
		height: 32rpx;
		border: 1px solid #ddd;
	}
	image {
		width: 46rpx;
		height: 46rpx;
	}
}
// 拨打电话弹窗
.phone {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background-color: rgba(#000,.7);
        image {
            position: absolute;
            right: 64rpx;
            top: 420rpx;
            width: 40rpx;
            height: 40rpx;
        }
    .card {
        width: 620rpx;
        height: 364rpx;
        border-radius: 24rpx;
        background-color: #fff;
        margin: 500rpx 66rpx 0 66rpx;
        .name {
            font-size: 24rpx;
            color: #333;
            padding: 44rpx 0 24rpx 0;
        }
        .num {
            font-size: 44rpx;
            font-weight: 700;
            color: #030303;
            line-height: 36rpx;
        }
        .label {
            padding: 24rpx 0 36rpx 0;
            font-size: 20rpx;
            color: #ff5445;
            line-height: 24rpx;
            &::after {
                content: '';
                background: url(/static/image/right.png) no-repeat;
                background-size: 100% 100%;
                margin: 2rpx 0 0 10rpx;
                height: 20rpx;
                width: 10rpx;
            }
        }
        .submit {
            width: 530rpx;
            height: 88rpx;
            background: linear-gradient(270deg,#ff977b, #ff2d1b);
            border-radius: 44rpx;
            color: #fff;
        }
    }
    
}